<template>
    <div class="home">
        <HomePartOne />
        <!-- <HomePartTwo /> -->
        <HomePartThree />
        <HomePartFour />
    </div>
</template>

<script setup>
import HomePartOne from '@/components/home/HomePartOne.vue';
// import HomePartTwo from '@/components/home/HomePartTwo.vue';
import HomePartThree from '@/components/home/HomePartThree.vue';
import HomePartFour from '@/components/home/HomePartFour.vue';
import { onMounted } from 'vue';
import { useStore } from 'vuex';

const store = useStore();

onMounted(() => {
    store.commit("updateCurrentPage", 'home');
})

</script>

<style scoped>

.home {
    width: 100%;
}

</style>